import React, { Component } from 'react'
import {SearchOutline,EnvironmentOutline} from 'antd-mobile-icons'
import './Search.less'

export default class Search extends Component {
    
  render() {
    return (
      <div className='search'>
        {this.props.pic?<div className="left">
            <img src="/uploads/pic_logo_white 2.png" alt="" />
        </div>:null}
        <div className='form' >
            <input type="text" placeholder='搜索商品'/>
            <div className='glassy'>
                <SearchOutline />
            </div>

            <div className="button">搜索</div>
        </div>
        {this.props.right?<div className="right">
            <EnvironmentOutline style={{color:'#fff',fontSize:'.5rem'}}/>
        </div>:null}
      </div>
    )
  }
}
